<!DOCTYPE html>
<html lang="zh-CN">
<head>
 

<#include "bases/global_js.ftl">
<#include "bases/global_style.ftl">

  <!-- 
		<link rel="stylesheet" type="text/css" href="${base}/static/css/style-metro.css" />
        <link rel="stylesheet" type="text/css" href="${base}/static/css/style.css" />
        <link href="<@spring.url '/static/lib/bootstrap-3.3.5/css/bootstrap.min.css'></@spring.url>" rel="stylesheet" type="text/css"/>
        <link href="<@spring.url '/static/css/pagination.css'></@spring.url>" rel="stylesheet" type="text/css"/>
  -->
    

    
    <script>
        var curent_page=${currentpage};
 
   
        var electric_form;
        jQuery(document).ready(function()
        {
            var optInit = getOptionsFromForm();
            $("#Pagination").pagination(${totalRecord}, optInit);
            App.init();
        });
 
        function doTableSort(ID)
        {
            $("#postsortfield").val(ID);
            $("#currentpage").val(0);
            $("#searchform").submit();
        }
    </script>
  
</head>

<body>
 
 

<div class="page-container">

            <div class="row-fluid">
                <div class="span12">
                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption"><i class="fa fa-cogs"></i>电池列表</div>
                            <div class="tools">
                                <a href="javascript:window.location.reload()" class="reload"></a>
                            </div>                            
                        </div>
                        <div class="portlet-body flip-scroll">
                            <form id="searchform" action="${base}/electric_charging_record_manage" method="POST">
                                <table  class="table table-bordered table-hover">
                                    <thead class="flip-content">
                                    <tr>
								          <th style="text-align: center;">序号</th>
								          <th style="text-align: center;">电池编号</th>
								          <th style="text-align: center;">换上/下</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <#if battery_list??>
                                       <#list battery_list as bl>
	                                    <tr>
	                                        <td style="text-align: center;"><#if bl_index??>${bl_index+1}</#if></td>
	                                        <td style="text-align: center;"><#if bl.getBatteryid()??>${bl.getBatteryid()}</#if></td>
	                                        <td style="text-align: center;"><#if bl.getUndownname()??>${bl.getUndownname()}</#if></td>
	                                    </tr>
                                       </#list>
                                    </#if>
                                    </tbody>
                                </table>
                                 <div class="controls controls-row">
                                    <div id="Pagination" class="pagination"></div>
                                 </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
 
 
</body>
</html>

 
